<!DOCTYPE html>
<html>
  <head>
	<meta charset="UTF-8">
	<title>Insert title here</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
  </head>
  <body>
	<div id="wrapper">
		<div id="header">
			<div id="menu" class="clearfix">
				<ul>
					<li><a href="home.html">Home</a></li>
					<li><a href="../game/index.html">Play</a></li>
					<li><a href="how-to-play.html">How to Play</a></li>
					<li><a href="high-score.html">High Score</a></li>
					<li><a href="login.html">Profile</a></li>
				</ul>
			</div>
			<ul id="menu-link" class="clearfix hidden-menu">
				<li>
					<a href="#">Menu</a>
					<ul id="hidden-links">
						<li><a href="index.html">Home</a></li>
						<li><a href="../game/index.html">Play</a></li>
						<li><a href="how-to-play.html">How to Play</a></li>
						<li><a href="high-score.html">High Score</a></li>
						<li><a href="login.html">Profile</a></li>
					</ul>
				</li>
			</ul>	
			<div id="logo">
				<a href="#"><img src="images/logo.png"></a>
			</div>								
		</div>

		<div id="content">
			<div id="slide-show">
				<img  src="images/pic1.jpg" />
  				<img  src="images/pic2.jpg" />
  				<img  src="images/pic3.jpg" />
  				<img  src="images/pic4.jpg" />
  				
<!-- 				<div id="left-image"></div> -->
<!-- 				<div id="right-image"></div> -->
			</div>
			
			<div id="container" class="clearfix"><div id="left-container">
					
				</div>
				<div id="right-container">
					<h3 class="our_names">Калоян Вълчев</h3>
					<h3 class="our_names">Ина Балтаджиева</h3>
					<h3 class="our_names">Васил Папратилов</h3>
				</div>
			</div>	
		</div>
		
		<div id="footer">
			<ul>
				<li>The Spriters Resource: http://www.spriters-resource.com/</li>
				<li>Open Game Art: http://opengameart.org/</li>
			</ul>
		</div>	
		
	</div>
  </body>
  <script type="text/javascript" src="ajax/jquery-2.1.3.js"></script>
  <script type="text/javascript" src="ajax/frontPageScores.js"></script>
  
</html>